<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>源码大数据-首页</title>
		<!-- 1.引入重置样式表 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2.引入常态化样式表 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3.引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 4.引入当前样式 -->
		<link rel="stylesheet" href="../css/api-index.css" />
		<link rel="stylesheet" href="../font_z9c0dknjan/iconfont.css" />
	</head>
	<body>
		<!-- 头部 -->
		<header class="flex-c-sb abs">
			<!-- logo
				1.img直接写logo
				2.支持SEO 在a标签中套一个h1标签，然后给h1
				增加背景图-->

			<!-- 左边logo -->
			<a href="../html/index.html">
				<h1></h1>
			</a>
			<!-- 中间导航栏 -->
			<ul class="flex-c-c">
				<li>
					<a href="../html/index.html">首页</a>
				</li>
				<li>
					<a href="../html/api-index.html">API</a>
				</li>
				<li>
					<a href="#">云服务</a>
				</li>
				<li>
					<a href="../html/unicorn.html">案列</a>
				</li>
				<li>
					<a href="#">开发者</a>
				</li>
			</ul>
			<!-- 右边按钮 -->
			<div>
				<button onclick="window.location.href='../html/log-in.html'">
					登录
				</button>
				<button onclick="window.location.href='../html/register.html'">
					注册有礼
				</button>
			</div>
		</header>
		<div id="header"></div>

		<!-- 主题 -->
		<main>
			<!-- API分类区 -->
			<section id="apiList">
				<div class="container">
					<h2>API分类</h2>
					<ul>
						<li class="active"></li>
					</ul>
					<div class="input">
						<strong>全部</strong>
						<input type="text" placeholder="身份证实名" />
					</div>
				</div>
			</section>
			<!-- 卡片区 -->
			<section id="cards">
				<div class="container">
					<ul>
						<!-- <li class="rel">
							<img src="../imgs/API_01.jpg" alt="图片加载失败" />
							<p>2021出行防疫政策指南</p>
							<p>免费</p>
							<span class="abs">企业专用</span>
							<a href="#" class="abs">申请数据</a>
						</li> -->
					</ul>
				</div>
			</section>
			<!-- 分页器 -->
			<section id="pinstance">
				<div class="container">
					<ul>
						<li class="active">1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
						<li>5</li>
						<li>6</li>
						<li>7</li>
						<li>8</li>
					</ul>
				</div>
			</section>
		</main>
		<!-- 蒙层 -->
		<div id="mask">
			<!-- 登录框 -->
			<div id="loginModal">
				<!-- logo -->
				<div id="loginModalLogo"></div>
				<!-- Tab区 -->
				<div id="loginModalTab">
					<p id="login">
						<a href="javascript:void 0" class="active">账号登录</a>
						<span></span>
						<a href="javascript:void 0">扫码登录</a>
					</p>

					<!-- 账号登录区 -->
					<form action="../html/api-detail.html" method="post">
						<!-- 用户名 -->
						<p class="text">
							<span></span>
							<input type="text" placeholder="用户名/手机号/邮箱" />
						</p>
						<!-- 密码 -->
						<p class="password">
							<span></span>
							<input type="password" placeholder="密码" />
						</p>
						<!-- 忘记密码 -->
						<p class="forgetPassword">
							<a href="javascript:void 0">忘记密码</a>
						</p>
						<!-- 登录 -->
						<p class="login">
							<button>登录</button>
						</p>
						<!-- 立即注册 -->
						<p class="register">
							还没有源码账号，<a href="javascript:void 0">立即注册 &gt;</a>
						</p>
					</form>

					<!-- 扫码登录Tab区 -->
					<form id="sweepCode">
						<!-- 二维码 -->
						<div class="qrCode">
							<img src="../imgs/103-demo.png" alt="二维码加载失败" />
							<p>扫码登录</p>
							<p>未关注源码科技公众号，请先关注再登录</p>
						</div>
						<!-- 立即注册 -->
						<p class="register">
							还没有源码账号，<a href="javascript:void 0">立即注册 &gt;</a>
						</p>
					</form>
				</div>
			</div>
		</div>

		<!-- 尾部 -->
		<footer>
			<div class="container">
				<!-- 上边详情 -->
				<div class="flex-c-sb top">
					<!-- 联系与支持 -->
					<ul>
						<li>
							<h3>联系与支持</h3>
						</li>
						<li>
							<a href="#">400-882-7715</a>
						</li>
						<li>
							<a href="#">售前咨询</a>
						</li>
						<li>
							<a href="#">客服&售后</a>
						</li>
						<li>
							<a href="#">常见问题</a>
						</li>
						<li>
							<a href="#">极速工单</a>
						</li>
						<li>
							<a href="#">投诉与建议</a>
						</li>
					</ul>

					<!-- 关于源码 -->
					<ul>
						<li>
							<h3>关于源码</h3>
						</li>
						<li>
							<a href="#">合作伙伴</a>
						</li>
						<li>
							<a href="#">服务条款</a>
						</li>
						<li>
							<a href="#">隐私政策</a>
						</li>
						<li>
							<a href="#">市场合作</a>
						</li>
						<li>
							<a href="#">反商业贿赂声明</a>
						</li>
					</ul>

					<!-- 快速入口 -->
					<ul>
						<li>
							<h3>快速入口</h3>
						</li>
						<li>
							<a href="#">API数据</a>
						</li>
						<li>
							<a href="#">黑钻会员</a>
						</li>
						<li>
							<a href="#">新闻动态</a>
						</li>
						<li>
							<a href="#">联系我们</a>
						</li>
						<li>
							<a href="#">加入我们</a>
						</li>
					</ul>

					<!-- 产品服务 -->
					<ul>
						<li>
							<h3>产品服务</h3>
						</li>
						<li>
							<a href="#">云监测</a>
						</li>
						<li>
							<a href="#">云查询</a>
						</li>
						<li>
							<a href="#">云助手</a>
						</li>
						<li>
							<a href="#">聚盒子</a>
						</li>
						<li>
							<a href="#">云充值</a>
						</li>
					</ul>

					<!-- 解决方案 -->
					<ul>
						<li>
							<h3>解决方案</h3>
						</li>
						<li>
							<a href="#">数字中台</a>
						</li>
						<li>
							<a href="#">慧集：API生命周期管理</a>
						</li>
						<li>
							<a href="#">有赢：助力企业营销</a>
						</li>
					</ul>

					<div class="weChat">
						<h2 class="fz-16">微信公众号</h2>
						<p>源码时代</p>
						<img src="../imgs/103-demo.png" alt="图片加载失败" />
					</div>
				</div>
				<!-- 下边文字 -->
				<div class="bottom">
					<div>
						<img src="../imgs/bei2.png" alt="图片加载失败" />
						<img src="../imgs/bei1.png" alt="图片加载失败" />
						<span>
							增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
						</span>
					</div>
					<span>源码大数据股份有限公司©版权所有</span>
				</div>
			</div>
		</footer>
		<!-- 回到顶部按钮 -->
		<span class="iconfont icon-icon-test"></span>

		<!-- 1.引入util的JS -->
		<script src="../js/util.js"></script>
		<!-- 2.引入swiper的JS -->
		<script src="../lib/swiper-bundle.min.js"></script>
		<!-- 3,.引入当前页JS -->
		<script src="../js/api-index.js"></script>
	</body>
</html>
